/**
 * 公司前端规范中用到的颜色，预定义类
 */
.teld-theme-color {
  color: var(--t-color);
}

.hover\:teld-theme-color:hover {
  color: var(--t-color);
}

/* .teld-theme-color-light {
  color: var(--t-color-background);
} */

.teld-color-red {
  color: var(--t-red);
}

.teld-color-black {
  color: var(--t-text-color);
}

.teld-color-gray {
  color: var(--t-text-color-2);
}

.teld-color-lightgray {
  color: var(--t-text-color-3);
}

.teld-bg-color-gray {
  background-color: var(--t-color-bg-gray);
}

.hover\:teld-bg-color-gray:hover {
  background-color: var(--t-color-bg-gray);
}

/* .teld-bg-color-theme {
  background-color: var(--t-color-background);
}

.hover\:teld-bg-color-theme:hover {
  background-color: var(--t-color-background);
} */

.border-theme-color {
  border-color: var(--t-color);
}

.outline-on-focus:focus {
  outline-color: var(--t-color);
  outline-width: 1px;
  outline-style: dashed;
  outline-offset: 2px;
}

/**
  * 去除outline
  */
*[contenteditable='true']:focus {
  outline: none;
}

/**
 * 修复vant上传 cursor 问题
 */
input::-webkit-file-upload-button {
  cursor: pointer;
}

/**
 * 评论框输入内容中的 @人员 样式
 * 及回显展示
 */
.teld-comment--mentioned-user {
  color: var(--t-color);
  font-weight: 500;
  cursor: pointer;
  user-select: all;
}

.teld-comment .comment-content img,
.teld-comment .reply-content img,
.comment-replies-dialog__body .comment-content img,
.comment-replies-dialog__body .reply-content img {
  max-width: 120px;
  height: 80px;
  object-fit: contain;
  cursor: pointer;
}
